<template>
  <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      active-text-color="#ffd04b"
      text-color="#fff"
      @open=""
      @close="">
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-location"></i>
        <span slot="title">导航</span>
      </template>
      <router-link to="/index">
        <el-menu-item index="1-1">欢迎页</el-menu-item>
      </router-link>
      <router-link to="/">
        <el-menu-item index="1-2">培养目标设置</el-menu-item>
      </router-link>
      <router-link to="/require">
      <el-menu-item index="1-3">L1/L2设置</el-menu-item>
      </router-link>
      <router-link to="/">
        <el-menu-item index="1-4">K1/K2设置</el-menu-item>
      </router-link>
      <router-link to="/">
        <el-menu-item index="1-5">支撑点支撑设置</el-menu-item>
      </router-link>
      <router-link to="/login">
        <el-menu-item index="1-6">登录</el-menu-item>
      </router-link>
    </el-submenu>

  </el-menu>
</template>

<script>
export default {
  name: "Nav"
}
</script>

<style scoped>
.el-menu-vertical-demo {
  height: 100%;
}

a {
  text-decoration: none;
}
</style>
